<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/P1.css" />
		<script src="http://wow.techbrood.com/libs/jquery/jquery-1.11.1.min.js"></script>
	</head>
	<body>
		<div class="before">
		    <h1>Before</h1>
		    <p>Animate/transition box-shadow 可以使用box-shadow属性来实现盒子阴影效果，但重绘消耗较多</p>
		</div>
        <hr />
		<div class="after">
		    <h1>After</h1>
		    <p>通过修改伪元素的透明度来实现同样的效果,没有重绘消耗</p>
		</div>
	</body>
</html>
